<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Movobel</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
<script src="js/jquery-1.6.1.js" type="text/javascript"></script>
<script src="js/jquery.cycle.all.min.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
$(".menu a").click(function() {
$(".menu-aberto").fadeIn("slow");
$(".menu-aberto").show();
});
});

$(document).ready(function() {
$(".menu a").click(function() {
$(".menu-aberto").fadeIn("slow");
$(".menu-aberto").hide();
});
});

</script>

</head>

<body>
<div class="corpo">
  <div class="menu-top">
    	<img style="float:left;" src="imagens/iconehome.png" width="19" height="17" /><div class="home-menu"> <a href="#">Home</a></div>
        <div class="blog-menu"><a href="#">Nosso Blog</a></div>
    <div class="meni-top"><a href="#">Dúvidas Frequentes</a></div>
        <div class="meni-top"><a href="#">SAC</a></div>
        <div class="meni-top"><a href="#">Quem Somos</a></div>
    
    <!--menu-top--->
    </div>
    
    <div class="logo"><a href="#"><img src="imagens/logo.png" width="309" height="73"></a></div>
    <div class="busca"><input type="text" name="" value="O que voce procura?" /></div>
    <div class="espaco-cliente"><a href="#"><img src="imagens/espaco-cli.png" width="107" height="105" /></a></div>
    <div class="meu-carrinho-bt"><a href="#"><img src="imagens/meu-carrinho.png" width="95" height="97" /></a></div>
  <div class="clear"></div>
  <div class="esq-menu"></div>
    <div class="menu">
    <a href="#">Sala</a> 
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a>
    <a href="#">Sala</a> 
    <!--menu-->
    </div>
  <div class="dir-menu"></div>
  
  <div class="menu-aberto">
  	<div class="itens-menu">
    	<div class="categoria-item">Cadeiras</div>
        	<div class="space-item"></div>
        <div class="sub-cate-item">Branca</div>
        	<div class="space-item"></div>
        <div class="sub-cate-item">Branca</div>
        	<div class="space-item"></div>
        <div class="sub-cate-item">Branca</div>
        	<div class="space-item"></div>
        <div class="sub-cate-item">Branca</div>
        	<div class="space-item"></div>
        <div class="sub-cate-item">Branca</div>
    
    </div>  
  <!--menu-aberto-->
  </div>
  
  <div class="conteudo">
  	<div class="clear"></div>
    	<div class="banner-fita"></div>
        
        <div class="cat-esq">
        	<div class="titu-cat">Sala de estar</div> 
            <div class="categorias">
             	Rodas Passeio<br />
               Dub<br />
               Giovanna<br />
               Rodas Passeio<br />
               Dub<br />
               Giovanna<br />
               Rodas Passeio<br />
               Dub<br />
               Giovanna<br />
               Rodas Passeio<br />
               Dub<br />
               Giovanna<br />
               Rodas Passeio<br />
               Dub<br />
               Giovanna<br />
               Rodas Passeio<br />
               Dub   <br />
            </div>   
            
            <div class="titu-cat">Cozinha</div> 
            <div class="categorias">
             	Rodas Passeio<br />
               Dub<br />
               Giovanna<br />
               Rodas Passeio<br />
               Dub<br />
               Giovanna<br />
               Rodas Passeio<br />
               Dub<br />
            </div>      
        <!--categorias-->
        </div>
        
        <div class="produtos">
        	<div class="titu-produtos">Comodas com 3 gavetas</div>
        	<div class="produto-item">
            	<div class="img-produto"></div>
                <div class="nome-destaque">Guard-roupa Valentini</div>
				<div class="preco-de-des">De: R$400,00</div>
                <div class="preco-por-des">Por: R$300,00</div>
                <div class="sem-juros">Em até 10x de R$30,00 s/ juros</div>
                <div class="ouem">ou R$ 290,00 à vista</div>
            <!--produto-item-->
            </div>
            
            <div class="produto-item">
            	<div class="img-produto"></div>
                <div class="nome-destaque">Guard-roupa Valentini</div>
				<div class="preco-de-des">De: R$400,00</div>
                <div class="preco-por-des">Por: R$300,00</div>
                <div class="sem-juros">Em até 10x de R$30,00 s/ juros</div>
                <div class="ouem">ou R$ 290,00 à vista</div>
            <!--produto-item-->
            </div>
            
            <div class="produto-item">
            	<div class="img-produto"></div>
                <div class="nome-destaque">Guard-roupa Valentini</div>
				<div class="preco-de-des">De: R$400,00</div>
                <div class="preco-por-des">Por: R$300,00</div>
                <div class="sem-juros">Em até 10x de R$30,00 s/ juros</div>
                <div class="ouem">ou R$ 290,00 à vista</div>
            <!--produto-item-->
            </div>
            
            <div class="produto-item">
            	<div class="img-produto"></div>
                <div class="nome-destaque">Guard-roupa Valentini</div>
				<div class="preco-de-des">De: R$400,00</div>
                <div class="preco-por-des">Por: R$300,00</div>
                <div class="sem-juros">Em até 10x de R$30,00 s/ juros</div>
                <div class="ouem">ou R$ 290,00 à vista</div>
            <!--produto-item-->
            </div>
            
            <div class="produto-item">
            	<div class="img-produto"></div>
                <div class="nome-destaque">Guard-roupa Valentini</div>
				<div class="preco-de-des">De: R$400,00</div>
                <div class="preco-por-des">Por: R$300,00</div>
                <div class="sem-juros">Em até 10x de R$30,00 s/ juros</div>
                <div class="ouem">ou R$ 290,00 à vista</div>
            <!--produto-item-->
            </div>
            
            <div class="produto-item">
            	<div class="img-produto"></div>
                <div class="nome-destaque">Guard-roupa Valentini</div>
				<div class="preco-de-des">De: R$400,00</div>
                <div class="preco-por-des">Por: R$300,00</div>
                <div class="sem-juros">Em até 10x de R$30,00 s/ juros</div>
                <div class="ouem">ou R$ 290,00 à vista</div>
            <!--produto-item-->
            </div>
            
            <div class="produto-item">
            	<div class="img-produto"></div>
                <div class="nome-destaque">Guard-roupa Valentini</div>
				<div class="preco-de-des">De: R$400,00</div>
                <div class="preco-por-des">Por: R$300,00</div>
                <div class="sem-juros">Em até 10x de R$30,00 s/ juros</div>
                <div class="ouem">ou R$ 290,00 à vista</div>
            <!--produto-item-->
            </div>
            
            <div class="produto-item">
            	<div class="img-produto"></div>
                <div class="nome-destaque">Guard-roupa Valentini</div>
				<div class="preco-de-des">De: R$400,00</div>
                <div class="preco-por-des">Por: R$300,00</div>
                <div class="sem-juros">Em até 10x de R$30,00 s/ juros</div>
                <div class="ouem">ou R$ 290,00 à vista</div>
            <!--produto-item-->
            </div>
            
            <div class="produto-item">
            	<div class="img-produto"></div>
                <div class="nome-destaque">Guard-roupa Valentini</div>
				<div class="preco-de-des">De: R$400,00</div>
                <div class="preco-por-des">Por: R$300,00</div>
                <div class="sem-juros">Em até 10x de R$30,00 s/ juros</div>
                <div class="ouem">ou R$ 290,00 à vista</div>
            <!--produto-item-->
            </div>
        <!--produtos-->
        </div>
        <div class="clear"></div>
		<div class="banner-fita2"></div>
  	<div class="clear"></div>
  <!--conteudo-->
  </div>
  
  <div class="rodape">
  
      <div class="quadro-roda1">
            <div class="titulo-roda">A Movobel</div>
            <div class="itens-roda"><a href="#">Quem Somos</a></div>
            <div class="itens-roda"><a href="#">Onde Atuamos</a></div>
            <div class="itens-roda"><a href="#">SAC</a></div>
            <div class="itens-roda"><a href="#">Nosso blog</a></div>
            <div class="itens-roda"><a href="#">Depoimentos</a></div>
      </div>
      
    <div class="quadro-roda2">
            <div class="titulo-roda">Comprando</div>
            <div class="itens-roda"><a href="#">Formas de Pagamento</a></div>
            <div class="itens-roda"><a href="#">Termos e Condições de compra</a></div>
            <div class="itens-roda"><a href="#">Prazos de entrega e Fretes</a></div>
            <div class="itens-roda"><a href="#">Segurança e Privacidade</a></div>
      </div>
      
    <div class="quadro-roda3">
            <div class="titulo-roda">Pós-venda</div>
            <div class="itens-roda"><a href="#">Acompanheo seu pedido</a></div>
            <div class="itens-roda"><a href="#">Montagem</a></div>
            <div class="itens-roda"><a href="#">Troca ou Devolução</a></div>
            <div class="itens-roda"><a href="#">Dúvidas Frequentes</a></div>
      </div>
      
    <div class="quadro-roda3">
            <div class="titulo-roda">Interessante</div>
            <div class="itens-roda"><a href="#">Trabalhe Conosco</a></div>
            <div class="itens-roda"><a href="#">Parceiros Montadores</a></div>
            <div class="itens-roda"><a href="#">Parceiros Fornecedores</a></div>
            <div class="itens-roda"><a href="#">Contato</a></div>
      </div>
      
    <div class="quadro-roda4">
          <div class="titulo-roda">Pagamento</div>
        <a href="#"><img src="imagens/cards.png" width="74" height="128" /></a>
      </div>
      
    <div class="quadro-roda4">
          <div class="titulo-roda">Compartilhe</div>
        <a href="#"><img src="imagens/fb.png" width="37" height="36" /></a>
        <a href="#"><img src="imagens/tt.png" width="37" height="39" /></a>
        <a href="#"><img src="imagens/seguro.png" width="104" height="34" /></a>
      </div>
      
  <!--rodape-->
  </div>
<!--corpo-->
</div>
</body>
</html>
